<html>
    <head>
    <meta charset="UTF-8"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <title>Directory Show</title>
    <link type="text/css" href="css/all.css" rel="stylesheet" /> 
    <style>
	.breadcrumbs{width:980px;text-align:left;margin-top: 20px;}
	.breadcrumbs p { text-transform: uppercase; font-weight: bold; }
    .breadcrumbs a { display:inline-block;padding:1px 1px 0 0;margin-right:10px;color:#1D2339;}
	.shop-info { margin-top: 15px; background-color: #cfbae4; color: #111111; margin-bottom: 15px; padding: 5px; width: 980px; }
	.shop-info-con { background-color: #FFFFFF; border: 1px solid #424278; padding: 13px 20px 20px; position: relative; }
	.shop-tit { border-bottom: 1px solid #F3F3F3; margin-bottom: 15px; padding-bottom: 5px; position: relative; z-index: 2; }
	.shop-name { padding-bottom: 5px; position: relative; }
	.shop-name .shop-title { text-align:left;font-family: "Microsoft YaHei"; font-size: 23px; padding: 0 20px 0 0; }
	.shop-info a { color: #000; }
	.sep { color: #E0E0E0; padding: 0 10px; }
	.point-card-box { text-align: left; height: 157px; }
	.member-get { background: url(images/membericon.png); height: 90px; position: absolute; right: 20px; width: 90px; }
	.btninfo { margin-left: 40px; float: left; }
	.btninfo span { display: block; line-height: 30px; color: #555; }
	.btninfo span label { color: #999; }
	.favoured-tit { margin-bottom: 15px; border-bottom: 1px solid #E7E7E7; height: 40px; position: relative; }
	.favoured-tit h3 { border-bottom: 1px solid #424278; bottom: -1px; color: #424278; font-size: 14px; font-weight: bold; left: 5px; padding-bottom: 5px; position: absolute; }
	.favoured-shops { margin-bottom: 20px; padding: 5px 20px; text-align: left; word-wrap:break-word;}
	
	</style>
	<script type="text/javascript">
	function showPicture(url) {
		var imgUrl = document.getElementById("imgCompany").src;
		if (url && imgUrl && imgUrl.indexOf('nopicture.jpg') == -1) {
			picForm.action = url
			picForm.submit();
		}		
	}
	</script>
    </head>
    <body>
   <#include "${base!}/front/header.html"/>
      <div class="main">
       <div class="wrap">
       		<div class="breadcrumbs clearfix">
              <p>
                <a href="${base}/front/directories.html">Directoies &gt;</a> <span class="access"></span>
                <a href="#">${company.companyName} &gt;</a> <span class="access"></span>
              </p>
            </div>
       		<div class="shop-info">
                <div class="shop-info-con">
                    <div class="shop-tit">
                        <div class="shop-name">
                        <h1 class="shop-title" itemprop="name itemreviewed">
                            <a href="#">
                            <span class="shop-ic">
                            	<#if company.iconId != null>
									<img src="${base}${company.icon.imgUrl}" title="${company.companyName}" width="35" height="35" onerror="this.src='images/mc_card_logo_4.grey.png'"/>
								<#else>
			                  		<img src="images/mc_card_logo_4.grey.png" title="${company.companyName}" width="35" height="35" />
								</#if>
                            </span>
                            ${company.companyName}</a>
                        </h1>
            
                        </div>
                    </div>
                    <div class="point-card-box">
                      <a href="#" onclick="showPicture('${base}${company.imgUrl}')">
                      <img src="${base}${company.imgUrl}" width="157px" height="157px" id="imgCompany" alt="" class="fleft" onerror="this.src='images/nopicture.jpg'"/>
                      </a>
                      <div class="btninfo">
                      <span><label>Add：</label>${company.address}</span>
			                <span><label>Chinese Add：</label>${company.linkMan}</span>
			                <span><label>Tel：</label>${company.telephone}</span>
			                <span><label>Email：</label>${company.email}</span>
			                <span><label>Website：</label><a href="${company.linkUrl}" target="_blank">${company.linkUrl}</a></span>
                      </div>
                    </div>
      
              </div>
            </div>
            <div class="favoured-tit">
                <h3>Description</h3>
            </div>
            <div class="favoured-shops">
              ${company.description}
            </div>
       </div>
       <div style="display: none">
       		<form action="" target="_blank" name="picForm"></form>
       </div>
       </div>
       <#include "${base!}/front/footer.html"/>
    </body>
</html>